import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import '@/assets/css/reset.css'
import '@/assets/ts/rem'
import PlayBar from '@/components/common/play-bar.vue'
import {
  Button,
  Field,
  Tabbar,
  TabbarItem,
  Swipe,
  SwipeItem,
  Popover,
  List,
  Lazyload,
  PullRefresh,
  ShareSheet,
  Popup,
  Image as VanImage,
  Circle,
  Slider,
} from 'vant'

const app = createApp(App)

app.use(Button)
app.use(Field)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Swipe)
app.use(SwipeItem)
app.use(Popover)
app.use(List)
app.use(PullRefresh)
app.use(ShareSheet)
app.use(Popup)
app.use(VanImage)
app.use(Circle)
app.use(Slider)
app.use(Lazyload, {
  lazyComponent: true, // 组件懒加载
})

app.component('PlayBar', PlayBar)

app.use(store).use(router).mount('#app')
